import { init } from "snabbdom/build/package/init.js"
import { h } from "snabbdom/build/package/h.js"
console.log(11)
const patch = init([])
// 第一个参数是标签+选择器
// 第二个参数如果是字符串就是这个标签的文本
let vnode = h("div#container.cls",{
    hook:{
        init(vnode){
           console.log(vnode.elm)
        },
        create(emptyNode,vnode){
            console.log(vnode.elm)
        }
    }
},"hello")
let app = document.querySelector("#app")
// 第一个参数：是vnode，可以是DOM元素
// 第二个参数：是vnode
let oldVnode = patch(app,vnode)
vnode = h("div#container.xxx","hello snabbdom")
oldVnode = patch(oldVnode,vnode)


// let vnode = h("div#container",[
//     h("h","hello snabbdom"),
//     h("p","这是一个p")
// ])
// let app = document.querySelector("#app")

// let oldVnode = patch(app,vnode)
// setTimeout(()=>{
//     vnode = h("div#container",[
//         h("h","hello word")
//     ])
//     oldVnode = patch(oldVnode,vnode)
//     patch(oldVnode,h("!"))
// },3000)